import React, {
  Component,
} from "react";
import {
  View,
  Text,
} from "react-native";
import styles from "./rank-cell-sheet";

export default function RankCell(props) {
  const {
    rank,
    name,
    task,
    money
  } = props;
  return (
    <View style={styles.content}>
      <Text style={styles.rank}>No.{rank}</Text>
      <Text style={styles.name}>{name}</Text>
      <Text style={styles.task}>{task} 单</Text>
      <Text style={styles.money}>{(money/100).toFixed(1)} 豆子</Text>
    </View>
  )
}